<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东-欢迎登录</title>
    <link rel="shortcut icon" type="image/x-icon" href="./image/jingdong.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/jingdong.css">
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="left-side left clearfix">
                <img class="left-side-item" src="./image/jingdong-logo.png" alt="">
                <span class="left-side-item welcome">欢迎登录</span>
            </div>
            <div class="right-side right clearfix">
                <a href="">
                    <img class="right-side-item" src="./image/jingdong-email.png" alt="">
                    <span class="right-side-item">登录页面，调查问卷</span>
                </a>
            </div>
        </div>
    </div>
    <div class="center">
        <div class="notice">
            <img  class="notice-item" src="./image/jingdong-tips.png" alt="">
            <span class="notice-item" >依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版
                <a href="">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</span>
        </div>
        <form action="" method="GET">
            <div class="center-main">
                <div class="login-form right clearfix">
                    <div class="notice">
                        <img class="notice-item" src="./image/jingdong-tips.png" alt="">
                        <span class="notice-item"></span> 京东不会以任何理由要求您转账汇款，谨防诈骗。
                    </div>
                    <div class="login-tab-list">
                        <a class="login-tab-item left clearfix" href="">扫码登录</a>
                        <a class="login-tab-item right clearfix focus" href="">账户登录</a>
                    </div>
                    <div class="login-items">
                        <div class="login-item">
                            <div class="login-item-logo number"></div>
                            <input type="text" name="number" placeholder="邮箱/用户名/登录手机">
                        </div>
                        <div class="login-item">
                            <div class="login-item-logo pwd"></div>
                            <input type="password" name="password" placeholder="密码">
                        </div>
                        <div class="forgot-pwd">
                            <a class="right clearfix" href="">忘记密码</a>
                        </div>
                        <input type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
                    </div>
                    <div class="login-bottom-container">
                        <div class="login-bottom">
                            <div class="left-side left clearfix">
                                    <a class="left-side-items" href="">
                                        <img class="left-side-item" src="./image/qq.png" alt="">
                                        <span class="left-side-item" >QQ</span>
                                     </a> 
                                     <span class="line"> | </span>
                                     <a class="left-side-items" href="">
                                         <img class="left-side-item" src="./image/微信.png" alt="">
                                        <span class="left-side-item" >微信</span>
                                     </a>
                             </div>
                             <div class="right-side right clearfix">
                                 <a href="">立即注册</a>
                             </div>
                            </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="bottom">
        <div class="bottom-main">
            <div class="links">
                <div class="links-container">
                    <a href="">关于我们 </a> |
                    <a href="">联系我们</a> |
                    <a href="">人才招聘 </a> |
                    <a href="">商家入驻 </a> |
                    <a href="">广告服务</a> |
                    <a href="">手机京东</a> |
                    <a href="">友情链接</a> |
                    <a href="">销售联盟</a> |
                    <a href="">京东社区 </a> |
                    <a href="">京东公益</a> |
                    <a href="">English Site</a>
                </div>
            </div>
            <div class="copyright">
            Copyright&nbsp;&nbsp;© 2004-2020&nbsp;&nbsp;京东JD.com&nbsp;版权所有
            </div>
        </div>
    </div>
</body>
</html>